<div class="blazorise-codeblock">
<div class="html"><pre>
<span class="htmlTagDelimiter">&lt;</span><span class="htmlElementName">Markdown</span> <span class="htmlAttributeName">Value</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="sharpVariable"><span class="atSign">&#64;</span>markdownValue</span><span class="quot">&quot;</span> <span class="htmlAttributeName">ValueChanged</span><span class="htmlOperator">=</span><span class="quot">&quot;</span><span class="sharpVariable"><span class="atSign">&#64;</span>OnMarkdownValueChanged</span><span class="quot">&quot;</span> <span class="htmlTagDelimiter">/&gt;</span>
</pre></div>
<div class="csharp"><pre>
<span class="atSign">&#64;</span>code{
    <span class="keyword">string</span> markdownValue = <span class="string">&quot;# EasyMDE \n Go ahead, play around with the editor! Be sure to check out **bold**, *italic*, [links](https://google.com) and all the other features. You can type the Markdown syntax, use the toolbar, or use shortcuts like `ctrl-b` or `cmd-b`.&quot;</span>;

    <span class="keyword">string</span> markdownHtml;

    <span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> OnInitialized()
    {
        markdownHtml = Markdig.Markdown.ToHtml( markdownValue ?? <span class="keyword">string</span>.Empty );

        <span class="keyword">base</span>.OnInitialized();
    }

    Task OnMarkdownValueChanged( <span class="keyword">string</span> value )
    {
        markdownValue = value;

        markdownHtml = Markdig.Markdown.ToHtml( markdownValue ?? <span class="keyword">string</span>.Empty );

        <span class="keyword">return</span> Task.CompletedTask;
    }
}
</pre></div>
</div>
